<template>
	
	<div>
		<h3>父组件</h3>
		
		<!-- 父组件如果定义ref，ref代表字组件vue对象 -->
		<p ref="demo">{{msg}}</p>
		<Ref2 ref="myref"></Ref2>
		
		
		<button @click="change">修改count</button>
	</div>
</template>

<script>
	import Ref2 from './Ref2.vue'
	
	export default{
		data(){
			return {
				msg:''
			}
		},
		components:{
			Ref2
		},
		methods:{
			//获取子组件vue对象里的count的值，修改该值
			change(){	
				//this.$refs.myref表示自组件vue对象，就可以获取里
				//面所有的属性，和方法进行操作
				this.$refs.myref.count = 100;
				this.$refs.myref.a();
				this.msg = this.$refs.myref.info
			}
		}
	}
</script>

<style>
</style>
